<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			function cli1(){
				var width = document.getElementsByTagName("img")[0].width;
				document.getElementsByTagName("img")[0].style.width = newWidth+"px";	
			}
			function cli2(){
				var width = document.getElementsByTagName("img")[0].width;
				var newWidth = parseInt(width)-5;
				document.getElementsByTagName("img")[0].style.width = newWidth+"px";	
			}
		</script>
	</head>
	<body>
		<img  src="../img/1d.jpg" /><br />
		<button  onclick="cli1()">放大</button>
		<button onclick="cli2()">缩小</button>
	</body>
</html>
